<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
  <div class="slideshow">
      <ul class="slideshow-ul">
       
      </ul>
  </div>
  <!-- 主体 -->
  <div class="bodys">
    <div class="ranking mb10 br15">
        今日排名
        <p>9</p>
    </div>
    <div class="pcc mb10 br15">累计打卡23天
      <span>今日打卡</span>
    </div>
    <div class="medal mb10 br15">运动数据</div>
    <div class="exercise-data mb10 br15">累计运动勋章
        <p>3 <span>枚</span></p>
    </div>
    <div class="course mb10 br15">课程训练</div>
    <div class="running mb10 br15">户外跑步</div>
  </div>
  <!-- 页脚 -->
  <div class="footer">
      <ul class="footer-ul" >
          <li>
            <span class="iconfont iconhome"></span>
            首页
          </li>
          <li>
            <span class="iconfont iconsports"></span>
            运动
          </li>
          <li>
            <span class="iconfont iconcircle"></span>
            圈子
          </li>
          <li>
            <span class="iconfont iconmine"></span>
            我的
          </li>
      </ul>
  </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</html>